/*Base*/



*{ margin:0; padding:0;}



html,body {background: #fff none repeat scroll 0 0;



    color: #000;



    font-family:Microsoft YaHei,"Microsoft YaHei",Arial,sans-serif;



    font-size: 14px;



    line-height: 1.8;



    margin: 0;



    padding: 0;



    width: 100%; overflow-x:hidden;



}



*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed; }



h1,h2,h3,h4,h5,h6{ font-family:"微软雅黑"; font-weight:normal;}



a { text-decoration:none !important;



    background: transparent; /*修正win8系统IE连接灰色背景*/



	outline:none;



	blr:expression(this.onFocus=this.blur());}







table {border-collapse: collapse;border-spacing: 0;}



ul,



ol { list-style:none;}



li {list-style:none;}



/*清除浮动*/



.clear { clear: both;}



.fl {float:left;}



.fr {float:right;}











.clearfix{zoom:1;}



.clearfix:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}

.w100{width: 100%;}

.h100{height: 100%;}



.fl{float: left;}

.fr{float: right;}

.text-left{text-align: left;}

.text-right{text-align: right;}

.text-center{text-align: center;}

.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.over{overflow: hidden;}

.nowrap{white-space: nowrap;}

.fz0{font-size: 0;}

.nowrap.fz0{letter-spacing: -5px;}

.nowrap.fz0 *{letter-spacing: normal;}

.relative{position: relative;z-index: 1;}

.absolute{position: absolute;z-index: 1;}

.fixed{position: fixed;z-index: 1;}

.inline{display: inline;}

.block{display: block;}

.inline-block{display: inline-block;}

.table{display: table;}

.table-cell{display: table-cell;}

.hide{display: none;}

.dis{ display:inline-block; *display:inline; zoom:1;}



.wrap{ max-width:1200px; margin:0 auto;}



.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}

.trans-internal::before,.trans-internal::after{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}

.scale:hover .scale-img{-ms-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}

.border-box{ -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}



/*字体*/

.fz10{ font-size:10px; color:#333;}

.fz12{ font-size:12px; color:#333;}

.fz14{ font-size:14px; color:#333;}

.fz16{ font-size:16px; color:#333;}

.fz18{ font-size:18px; color:#333;}

.fz20{ font-size:20px; color:#333;}

.fz22{ font-size:22px; color:#333;}

.fz24{ font-size:24px; color:#333;}

.fz26{ font-size:26px; color:#333;}

.fz28{ font-size:28px; color:#333;}

.fz30{ font-size:30px; color:#333;}

.fz32{ font-size:32px; color:#333;}

.fz34{ font-size:34px; color:#333;}

.fz36{ font-size:36px; color:#333;}

.fz38{ font-size:38px; color:#333;}

.fz40{ font-size:40px; color:#333;}

.fz42{ font-size:42px; color:#333;}

.fz44{ font-size:44px; color:#333;}

.fz46{ font-size:46px; color:#333;}

.fz48{ font-size:48px; color:#333;}



/*布局*/











#header{background:rgba(255, 255, 255, 1) none repeat scroll 0 0;



    height:auto;font-family:"微软雅黑";



    position:relative;



    transition: all 0.3s ease-in-out 0s;



    width: 100%;



    z-index:99; }



#header .top{height: 47px;line-height: 47px;background-color: #f6f6f6;border-bottom: 1px solid #e6e6e6;}

#header .top .lang{border-left: 1px solid #e6e6e6;}

#header .top .lang a{width: 50px;color: #555;display: inline-block;}

#header .top .contact{width: 104px;color: #555;background: url(ico-contact.png) no-repeat 12px center;text-indent: 25px;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;}

#header .top .follow{width: 104px;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;margin-left: 15px; position:relative;}

#header .top .follow a{margin: 0 5px;}

#header .top .search{margin-top: 11px;}

#header .top .search .text{width: 153px;height: 26px;padding: 0 25px 0 13px;border: 1px solid #a5a4a4;border-radius: 15px;}

#header .top .search .submit{width: 11px;height: 11px;background: url(search.png) no-repeat;border: 0;right: 10px;top: 8px; }



.top_aRes {
    height: 32px;
    padding: 0px 0px 0px;
       display: inline-block;}
.topWxImg {
    position: absolute;
    top: 42px;
    right: 0px; z-index:99;
}
.dsNone {
    display: none;
}




.headTop { height: 32px; line-height: 32px; background-color: #f6f6f6; display:none; }



.headLeft { float: left; color: #dfdfdf; font-size: 14px; font-family: Arial; }

.headLeft a{ color:#333; font-size:14px; padding:0 10px;}



.headSearch { float: right; height: 32px; }



.headSearch a { color: #333; font-size: 14px; display: inline-block; }



.headSearch a img { display: block; float: left; margin: 9px 5px 0 0;  max-width: 21px; max-height: 17px;}



.headSearch a:hover { color: #005bac; }



.searchForm { position: absolute; right: 0; top: 32px; z-index: 9999; width: 210px; display: none; padding-top: 5px; }



.searchForm div { border: 5px solid #e2e2e2; background-color: #fff; height: auto; overflow: hidden; }



.searchForm input { display: block; float: left; border: 0; background: none; height: 32px; line-height: 32px; }



.searchForm input[type="text"] { color: #6c6c6c; font-size: 14px; padding: 0 10px; width: 155px; }



.searchForm input[type="submit"] { width: 25px; cursor: pointer; background: url(icon5.png) no-repeat center center; -webkit-background-size: 80%; background-size: 80%; }









#header #logo{margin-top: 16px;}

#header #logo img{ width:100%; max-width:209px;}

#header #nav{height: 88px;line-height: 88px;}

#header #nav .nav-item{margin-left: 50px;}

#header #nav .nav-item .nav-a{font-size: 16px; color:#333;}

#header #nav .nav-item .nav-a:hover{ color:#004da5;}

#header #nav .nav-item .nav-a::after{width: 100%;height: 3px;background-color: transparent;position: absolute;z-index: 1;left: 0;bottom: 0;content: '';}

#header #nav .nav-item:hover .nav-a::after , #header #nav .nav-item.on .nav-a::after{background-color: #003d83;}

#header #nav .nav-item:hover .sub-nav{max-height: 300px;}

#header #nav .sub-nav{width: 100%;max-height: 0;line-height: normal;left: 0;top: 100%;background-color: rgba(255,255,255,.95);}

#header #nav .sub-nav .box{padding-top: 30px;padding-bottom: 20px;width:100%;max-width: 1200px;}

#header #nav .sub-nav .box .img{width: 205px; margin-right:20px;}

#header #nav .sub-nav .box .img img{ width:205px;}

#header #nav .sub-nav .box .info{width: 250px;line-height: normal;}

#header #nav .sub-nav .box .info .category{line-height: 32px;font-size: 16px;color: #003d83;border-bottom: 1px solid #003d83;}

#header #nav .sub-nav .box .info .category a{color: inherit;}

#header #nav .sub-nav .box .info .brief{line-height: 22px;color: #555;margin-top: 10px;}

#header #nav .sub-nav .box .list{width: 205px;margin-left: 50px;}

#header #nav .sub-nav .box .list_0{width: 530px;margin-left: 90px;}


#header #nav .sub-nav .box .list_1{margin-left: 209px;}

#header #nav .sub-nav .box .list_2{margin-left:419px;width: 275px;}

#header #nav .sub-nav .box .list_3{width: 165px;margin-right:126px;margin-left: 0;}

#header #nav .sub-nav .box .list_4{width:140px;text-align: right;}

#header #nav .sub-nav .box .list .i{line-height: 30px;border-bottom: 1px solid #d3d3d3;}
#header #nav .sub-nav .box .list_0  .i{ float:left; width:48%; margin-left:2%; }

#header #nav .sub-nav .box .list .i:last-child{border-bottom: 0;}

#header #nav .sub-nav .box .list .i a{font-size: 14px;color: #555;}

#header #nav .sub-nav .box .list .i a:hover{color: #003d83;}











.ph-lang{ color:#999; margin-top:10px; }



.ph-lang a{ color:#555; font-size:14px; padding:0 5px;}







.pc-nav{



  width: 58%; height:98px; line-height:98px; float:right;



}



.pc-nav .lv1-box{



  font-size:14px;



  float: left; width:14.2%;  text-align:center;   height:98px;  position:relative;



}



.pc-nav .lv1-box a.lv1{ display:block; font-size:16px; width:100%; text-align:center;color:#333;}



.pc-nav .lv1-box.on a.lv1{  color:#054491;}



.pc-nav  ul ul{ position:absolute;  display:none; z-index:99;}



.pc-nav ul ul li{ float: none; padding:0; width:100%;}



.pc-nav ul ul li a{ display:block; height:35px; width:100%; padding:0 20px;  font-size:14px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:30px; text-align:center; background-color: rgba(255,255,255,.8); color:#222;}



.pc-nav ul ul li a:hover{  color:#004ba4;}





.pc-nav .lv1{



  color: #fff; width:100%;



  display:inline-block;



  transition: all 0.1s; 



  -moz-transition: all 0.1s;



  -webkit-transition: all 0.1s; 



}





.pc-nav .lv1:hover,.pc-nav .on .lv1{



 background:url(bghover.png) no-repeat center center;



}















/* 手机端导航 */



.ph-nav{ width:50px; height:50px; line-height:50px; text-align:center; 



  position:absolute; right:0%; top:30px; display:none; background:#d0000e; }



.ph-nav a{color:#444; font-size:14px;}



.ph-nav .ph-btn{}







.ipad-searchbox{



  width:100%; margin:10px auto;



  background: #f4f4f4;



  z-index: 100; display:none;



}







.ipad-searchbox .sou-box{



  overflow: hidden;



   padding:3%;



  font-size:14px;



}



.ipad-searchbox .sou-box .texts{



  width: 78%; height:40px;



  color: #666; background:#fff;



  border:none; outline:none; float:left; padding-left:2%;



}



.ipad-searchbox .sou-box .texts ::-webkit-input-placeholder { 



  color:#999999; 



}







.ipad-searchbox .sou-box .btns{



  float: right; height:40px;



  width: 20%; background:#ff7800 url(search.png) no-repeat center center;  



}



.ipad-searchbox .sou-box .btns a{



  color: #fff;



  display: block;



}











/* 手机端导航弹出层 */



.phnav-pop{



  font-family: "微软雅黑";



	position: fixed;



    width: 100%;



    height: 100%;



    left: 0;



    top: 0;



    background: rgba(0,0,0,.3);



    z-index: 110;



    display: none;



}



.phnav-main{



  width: 71%;



    background: #fff;



    height: 100%;



    padding: 0 5%;



    left: -100%;



    padding-bottom: 20%;



    padding-top: 8%;



    position: relative;



}



.phnav-main .guan{



  position: absolute;



  right: 7%;



  top: 3%;



  cursor:pointer;



  width: 1em;



}







.phnav-main .item{}



.phnav-main .item:last-child{ border-bottom: none;}



.phnav-main .lv1-box{



  position: relative;



  padding: 0 1%; border-bottom:1px solid #ccc;



  line-height: 3.375em;



}



.phnav-main .lv1-box a{



  color: #333;



  font-size:16px; 



  display:block;



  max-width:100%;



}



.phnav-main .lv1-box a.on{color: #005dad;}



.phnav-main  a:hover{ color:#005dad; }



.phnav-main .lv1-box .more{



  position: absolute;



  right:0;



  top: 0;



  display: inline-block;



  width: 10%;



  height: 100%;



  text-align: right;



  cursor: pointer;



  color: #999999;



  background: url(lv1more-bg1.png) no-repeat right 5% center;



  background-size: 0.7em;



}



.phnav-main .lv1-box .more.on{



  background: url(lv1more-bg2.png) no-repeat right 5% center;



  background-size: 0.7em;



}







.phnav-main .lv2-box {



  padding-bottom:0.5em;



  display: none;



}



.phnav-main .lv2-box li{



    padding-left: 10%;



}



.phnav-main .lv2-box .noborder a{



  border: none;



}



.phnav-main .lv2-box a{



  display: block;



  font-size:14px;



  color: #555;



  line-height: 2.667em;



}



.phnav-main .lv2-box a:hover{color:#005cac; }











@media screen and (max-width: 1200px){



	#header .head-top{ transition: all 0.5s;



    -moz-transition: all 0.5s; padding:2% 3%; 



    -webkit-transition: all 0.5s; width:100%;}



  .pc-nav ul{



    width: 100%;



    transition: all 0.5s;



    -moz-transition: all 0.5s;



    -webkit-transition: all 0.5s;



  }



  .wrap{ padding:0 3%;}



  



}







@media screen and (max-width: 991px){



	#header{ height:80px;}

	#header #logo{ width:25%;}

	#header #nav{ width:70%; }

	#header #nav .nav-item{ margin-left:20px;}



}



@media screen and (max-width: 768px){



#search{ display:none;}



.lang{ display:none;}

#header #logo{ margin:10px 0; max-width:150px;}

#header #logo img{  max-width:150px;  }



#nav{ display:none;}



.ph-nav{ display:block;}





#header .top{ display:none;}

.headTop{ display:block;}

.ipad-searchbox{ display:block;}



}



@media screen and (max-width:640px){



	#header{ height:50px;}

#header #logo{ margin:10px 0; max-width:140px;}

	



	}







/*首页banner*/



#banner{  width:100%; height:100%; position:relative;  }







/*广告样式*/

.banner{ width:100%; overflow:hidden; position:relative;}

.banner .db{ width:100%;}

.banner .db .swiper-slide{ width:100%; position:relative; display:block;}

.banner .db .swiper-slide .nts{ position:absolute; left:0; right:0; top:30%; z-index:2; margin:0 auto;}

.banner .db .swiper-slide .nts .fz36{ color:#01519b;}

.banner .db .swiper-slide .nts .fz36.in{ color:#333; margin:5px 0 10px;}

.banner .db .swiper-slide .nts .fz24{ color:#555;}
.banner .db .swiper-slide img{ width:100%;}

.banner .hb{ width:100%; text-align:center; position:absolute; left:0; right:0; bottom:13px !important; z-index:3; margin:0 auto;}

.banner .hb span{ width:8px; height:8px; display:inline-block; opacity:1; cursor:pointer; background:#367ebe; font-size:0; border-radius:50%; margin:0 4px !important;}

.banner .hb span.swiper-pagination-bullet-active{ background:#d03535;}



/*手机广告*/

.phone_banner{ width:100%; display:none; overflow:hidden; position:relative;}

.phone_banner .db{ width:100%;}

.phone_banner .db .swiper-slide{ width:100%; position:relative;}

.phone_banner .db .swiper-slide .nts{ position:absolute; left:0; right:0; top:30%; z-index:2; margin:0 auto;}

.phone_banner .db .swiper-slide .nts .fz36{ color:#01519b;}

.phone_banner .db .swiper-slide .nts .fz36.in{ color:#333; margin:5px 0 10px;}

.phone_banner .db .swiper-slide .nts .fz24{ color:#555;}

.phone_banner .db .swiper-slide img{ width:100%;}

.phone_banner .hb{ width:100%; text-align:center; position:absolute; left:0; right:0; bottom:13px !important; z-index:3; margin:0 auto;}

.phone_banner .hb span{ width:8px; height:8px; display:inline-block; opacity:1; cursor:pointer; background:#367ebe; font-size:0; border-radius:50%; margin:0 4px !important;}

.phone_banner .hb span.swiper-pagination-bullet-active{ background:#d03535;}



@media screen and (max-width:750px){

	.banner{ display:none;}

	.phone_banner{ display:inline-block;}

	}





/*页脚*/



.footer-box{ background:#2e2e2e; }



.footer-nav{



  background: #2e2e2e;



  padding:40px 0;



}



.footmian{



  width: 1200px;



  margin: auto;



  overflow: hidden;



}



.left-nav{



  overflow: hidden; width:100%; 



}



.left-nav li{



  float: left;



  width:20%; padding:0 0%; 



}



.left-nav .tit{



  color: #fff;



  font-size:14px; font-weight:600;



  display: block;



  line-height:35px;



}



.left-nav .tit:hover{



  color: #2c4496;



}



.left-nav dl{



  margin-top: 0.6875em;



  margin-bottom: 0;



}







.left-nav dd{color: #a1a1a1;



  font-size:14px;line-height:30px;}



.left-nav dd a{



  color: #a1a1a1;



  font-size:14px;



  line-height:30px;



}



.left-nav dd a:hover{



  color: #1d63b0;



}



.left-nav dd.flx p i{ padding-left:24px; background:url(ico_lx.png) no-repeat left top; }



.left-nav dd.flx .lx-ico2{ background-position:0 -34px;}



.left-nav dd.flx .lx-ico3{ background-position:0 -70px;}



.left-nav dd.flx .lx-ico4{ background-position:0 -105px;}







.footmian .footma{ width:120px;  float:right;}



.footmian .footma img{ width:100%;}



.footmian .footma h4{color: #fff;



  font-size:15px; font-weight:600;



  display: block; margin:0;line-height:35px; padding-bottom:10px; }







.footmian .footlogo p{  margin-right:10px; width:91px; text-align:center;  margin-top:10px; text-align:center; color:#666; font-size:14px; }











#gotop {



    position: relative;



    display: block;



    height: 45px;



    background: #0a3873;



    color: #fff;



    text-align: center;



    line-height: 60px; display:none;



}



#gotop:before{content:''; position:absolute; top:10px; left:50%; width:6px; height:6px; margin-left:-3px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}







.fph-nav{ display:none; }







.fph-nav .item{



  border-bottom: 1px solid #666;padding:0 3%;



}











.fph-nav .lv1-box{



  position: relative;



  padding: 0 2%;



  line-height: 2.5625em;



}



.fph-nav .lv1-box a{



  color: #a1a1a1;



  font-size:14px; 



  display: inline-block;



  width: 26%;



}



.fph-nav .lv1-box a.on{



  font-weight: bold;



}



.fph-nav .lv1-box .more{



  position: absolute;



  right: 2%;



  top: 0;



  display: inline-block;



  width: 70%;



  height: 100%;



  text-align: right;



  cursor: pointer;



  color: #999999;



  background: url(more-bg1.png) no-repeat right center;



  background-size: 0.8em;



}



.fph-nav .lv1-box .more.on{



  background: url(more-bg2.png) no-repeat right center;



  background-size: 0.8em;



}







.fph-nav .lv2-box {



  padding-bottom:1em;



  display: none;



}







.fph-nav .lv2-box a{



  padding: 0 2%;



  display: block;



  font-size:14px;



  color: #a1a1a1;



  line-height: 2.4em;



}



.fph-nav .footma{ width:100%; margin:0 auto; height:auto; overflow:hidden; text-align:center;}



.fph-nav .footma p{  width:100%;  margin-top:10px; text-align:center; color:#a1a1a1; font-size:14px; line-height:24px; }



.fph-nav .footma p i{ padding-left:24px; background:url(ico_lx.png) no-repeat left top; }



.fph-nav .footma .lx-ico2{ background-position:0 -34px;}



.fph-nav .footma .lx-ico3{ background-position:0 -70px;}



.fph-nav .footma .lx-ico4{ background-position:0 -105px;}











.copyright{  height:auto; background:#474747; line-height:40px; color:#afaeae; text-align:center; font-size:14px;}


.copyright a{ color:#eee;}








@media screen and (max-width: 1200px){



  .footer-info{



    width: 100%;



    padding:0%;



    transition: all 0.5s;



    -moz-transition: all 0.5s;



    -webkit-transition: all 0.5s;



  }



  .footer-nav{



    padding: 2em 0 3em 0;



  }







  .left-nav .tit{



    font-size:16px;



    width: 83%;



  }



  .left-nav dd a{



    font-size:14px;



  }



  



  



}







@media screen and (max-width: 991px){



  .footer-nav{



    padding-top: 0;



    padding-bottom: 2em; 



  }



  .footmian{ display:none;}



  .fph-nav{ display:block;}



  #gotop{ display:block;}



}



@media screen and (max-width: 768px){



  .footer-nav{



    padding-bottom: 0.75em;



  }



  







}











/* css3 style */



.trans-3{transition: all 0.35s linear;}



.trans-5{transition: all 0.3s; -webkit-transition: all 0.5s;}



.trans-8{transition: all 0.3s; -webkit-transition: all 0.8s;}



.trans-12{transition: all 0.3s ease-in-out; -webkit-transition: all 1.2s;}



.scale-0x{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}



.scale-1x{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}



.radius-3{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}



.radius-half{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}



.shadow{-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1); box-shadow: 0 5px 10px rgba(0,0,0,.1);}















/*首页主要内容*/





.web-title{font-family: 'youyuan';font-size: 28px;color: #333;padding-bottom: 15px; margin:35px 0;}

.web-title::before{width: 150px;height: 1px;background-color: #dedede;margin: 0 auto;left: 0;bottom: 0;right: 0;position: absolute;z-index: 1;content: '';}

.web-title::after{width: 30px;height: 3px;background-color: #005bac;margin: 0 auto;left: 0;bottom: -1px;right: 0;position: absolute;z-index: 2;content: '';}



#index-products .products-box .item{height: 510px;background-repeat: no-repeat;background-position: center center; padding:3% 0; overflow:hidden;}

#index-products .products-box .item .info{width: 50%;float:left; margin-top:5%; }

#index-products .products-box .item.i2 .info{width: 50%;float:right; }

#index-products .products-box .item .info .name{font-size: 32px;}

#index-products .products-box .item .info .name::before{width: 42px;height: 3px;display: block;margin-bottom:20px;content: '';}

#index-products .products-box .item .info .brief{line-height: 32px;font-size: 16px;margin: 10px 0;}

#index-products .products-box .item .info .ico{margin: 30px 0 25px;}

#index-products .products-box .item .info .ico img{margin-right: 20px;}

#index-products .products-box .item .info .more{width: 120px;height: 36px;line-height: 36px;font-size: 14px;border: 1px solid #797979;border-radius: 20px;}

#index-products .products-box .item .info .more[class]:hover{color: #fff;background-color: #005bac;border-color: #005bac;}

#index-products .products-box .item .img{ width: 30%; margin-right:10%; height:400px;  float:right;  position:relative; }
#index-products .products-box .item.i1 .img{ width: 37%; margin-right:2%; margin-top:-20px; }
#index-products .products-box .item.i2 .img{ margin-right:0%; margin-right:10%;   float:left; }

#index-products .products-box .item .img img{ width:100%; height:auto;}

#index-products .products-box .item.i0{background-image: url(bg-0.jpg);}

#index-products .products-box .item.i0 .info .name{color: #333;}

#index-products .products-box .item.i0 .info .name::before{background-color: #333;}

#index-products .products-box .item.i0 .info .brief{color: #555;}

#index-products .products-box .item.i0 .info .more{color: #555;border-color: #797979;}

#index-products .products-box .item.i1{background-image: url(bg-1.jpg);}

#index-products .products-box .item.i1 .info .name{color: #fff;}

#index-products .products-box .item.i1 .info .name::before{background-color: #fff;}

#index-products .products-box .item.i1 .info .brief{color: #fff;}

#index-products .products-box .item.i1 .info .more{color: #fff;border-color: #fff;}

#index-products .products-box .item.i2{background-image: url(bg-2.jpg);}

#index-products .products-box .item.i2 .info .name{color: #333;}

#index-products .products-box .item.i2 .info .name::before{background-color: #333;}

#index-products .products-box .item.i2 .info .brief{color: #555;}

#index-products .products-box .item.i2 .info .more{color: #555;border-color: #797979;}





@media screen and (max-width:991px){

.web-title{ font-size:22px; margin:15px 0;}

#index-products .products-box .item{height:400px;  padding:7% 0;}

#index-products .products-box .item .info{ margin-top:5%;}

#index-products .products-box .item .info .name{font-size:18px;}

#index-products .products-box .item .info .name::before{margin-bottom:10px;}

}

@media screen and (max-width:640px){

	#index-products .products-box .item .info .brief{line-height:22px;font-size: 14px;}

	#index-products .products-box .item{height:280px;}

	#index-products .products-box .item .img{ width: 36%;}
	#index-products .products-box .item .info .name{ line-height:24PX;}
	#index-products .products-box .item .info .more{width: 100px;height: 30px;line-height: 30px;}

}





.index-about{ height:auto; padding:0 0 0 0; background:#fff url(bgab.jpg) no-repeat 6% center;}

.index-about .ct{ color:#555; line-height:33px; padding-bottom:40px;   }

.advantage{ text-align:center; }

.num_box{ display:inline-block; /*margin:0 42px; float:left;*/margin:0 30px; margin-left:0; }

/*.num_box:last-child{ margin-right:0;}*/

.advantage .num{ font-weight:bold;color:#FFF; font-size:55px; width:206px; height:116px; line-height:116px; text-align:center; position:relative; z-index:2; letter-spacing:3px;}

.num_li{ position:relative; }

.num_bg{ position:absolute; z-index:1; width:206px; height:116px; border-radius:8px; left:0; top:0; background:#E60012;}

.num_li h3{ font-size:16px; color:#333333; font-weight:normal; line-height:82px; margin-top:0; }

.num_line{ display:block; position:absolute; top:54px; left:0; z-index:3; width:206px; height:3px; background-color:#E60012;}

@media screen and (max-width: 1024px) {

.ui-contactmaps >.txt{ margin-left:0;}

}



@media screen and (max-width: 480px) {

.num_box{ margin-right:10%; margin-left:10%; width:80%; text-align:center;}

.num_bg{ width:70%; left:15%;}

.num_line{ width:70%; left:15%;}

.advantage .num{ width:70%; margin:0 auto;}

}



.index-news{ height:auto; padding:0;}


.index-news .list-row{width: 45%; float:left; }

.index-news .list-row .item{margin-bottom:20px;}

.index-news .list-row .item .date{line-height: 22px;font-size: 14px;color: #005cac;padding-left: 50px;margin-bottom: 5px;}

.index-news .list-row .item .date::before , .index-news .list-row .item .date::after{border-radius: 100%;position: absolute;z-index: 1;content: '';}

.index-news .list-row .item .date::before{width: 22px;height: 22px;background-color: #d5ecfb;left: 0;top: 0;}

.index-news .list-row .item .date::after{width: 10px;height: 10px;background-color: #005cac;left: 6px;top: 6px;}

.index-news .list-row .item .info{padding: 8px 0 12px 40px;border-left: 1px solid #005cac;margin-left: 10px;}

.index-news .list-row .item .info .title{line-height: 24px;font-size: 16px;margin-bottom:7px;}

.index-news .list-row .item .info .title a, .index-news .right .title a{ color:#333;}

.index-news .list-row .item .info .title a:hover,.index-news .right .title a:hover,.index-news .list-row .item.on .info .title a{color:#005cac;}

.index-news .list-row .item .info .brief{height:48px;line-height: 24px;font-size: 14px;color: #888; overflow:hidden;}

.index-news .more{width: 125px;height: 38px;line-height: 38px;font-size: 14px;color: #fff;background-color: #003d83;border-radius: 20px;margin: 30px auto;}

.index-news .right{width: 45%; float:right;}

.index-news .right .rcont{ display:none;}



.index-news .right .img{height:auto;overflow:hidden; }

.index-news .right .img img{width:100%; max-height:290px;}

.index-news .right .title{line-height: 28px;width: 400px;font-size: 16px; margin-top:20px;}

.index-news .right .date{line-height: 28px;color: #888;background: url(time.jpg) no-repeat left center;padding-left: 20px;}

.index-news .right .brief{width: 500px;height:48px;line-height: 24px;font-size: 14px;color: #555;margin-top:5px; overflow:hidden;}



@media screen and (max-width: 640px) {

	.index-news .right{width: 100%; float:none;}

	.index-news .list-row{width: 100%; float:none; }

	}





.cta-main{ height:auto; padding:40px 0 50px 0; overflow:hidden; background:#f5f5f5; background-size: 100% 100%; margin-top:40px; }



.cta-wrap .item{ width:33.333%; float:left; padding:0 2%; margin-top:3%;}	

.cta-wrap .item .cta-icons{ margin:-29px auto ; max-width:58px; width:100%;}

.cta-wrap .item .cta-cont{ background:#fff; padding:20px; text-align:center; }

.cta-wrap .item .cta-cont h3{ font-size:18px; color:#666;}

.cta-wrap .item .cta-cont p{ font-size:13px; color:#666; padding-top:10px;}





.recommend{background-image:url(bg01.jpg);



	background-position: center center;



    background-size: 100% 100%;  background-attachment: fixed;



    height:600px;



    position: relative;



    width: 100%; padding:75px 0;}



	



.leftpro{ width:50%; max-width:430px;float:left;-moz-box-shadow: 0 0 8px 4px #ccc; -ms-box-shadow: 0 0 8px 4px #ccc; -o-box-shadow: 0 0 8px 4px #ccc; box-shadow: 0 0 8px 4px #ccc}	



.leftpro .imgs{ width:100%; }



.leftpro .imgs img{ width:100%;}



.leftpro .cont{ background:url(column_bg.png) repeat-y; width:100%; max-width:430px; padding:5% 3%;}



.leftpro .cont .name{ font-size:16px; color:#555; font-weight:bold;}



.leftpro .cont .detail{ font-size:14px; color:#888888; max-height:48px; overflow:hidden;}







.rightxt{ width:40%; float:right; margin-top:3%;}



.rightxt h3{ font-size:30px; font-weight:bold; color:#333;} 



.rightxt h4{ font-size:24px; color:#555; margin-top:20px;}



.rightxt h4:after{ border-top: 4px solid #3e70bd;



    content: ".";



    display: block;



    height: 0;



    overflow: hidden;



    width: 56px; margin-top:15px; display:block;}



.rightxt p.cn{ font-size:16px; color:#666; margin-top:100px; line-height:20px; }



.rightxt p.en{ font-size:16px; color:#999; margin-top:0; text-transform:uppercase;}



.more a{display: block;  width: 150px; height: 46px; line-height: 46px; text-align: center; background: #666;}



.more a img{position: relative; left: 0; display: inline;}



.more a:hover{background: #333;}



.more a:hover img{left: 20px;}







.rightxt .more{ margin-top:50px;}











@media screen and (max-width:640px){

.cta-wrap .item{ width:100%; float:none; margin-top:5%;}

	.recommend{ height:450px; padding:50px 0;}



	.leftpro{ width:100%; padding:0 0%; margin:0 auto; float:none;}



	.rightxt{ width:100%; margin:0 auto; display:none;}



	}







.HomeContainer {



    background: #fff none repeat scroll 0 0;



    padding:65px 0;



}







.W_Bg_Botton { width:140px;



    background: #f79447; text-align:center;



    border: 0px solid #666;



    border-radius: 0px;



    color: #fff;



    display: inline-block;



    font-size: 14px;



    line-height: 20px;



    padding: 12px 10px;



    position: relative;



    text-decoration: none; margin:0 auto; display:block;



}



.W_Bg_Botton:hover { font-weight:600;



    transition: background-color 0.2s linear 0s;



}











.parallax {



    background-attachment: fixed;



    height:500px;



    position: relative;



    width: 100%;



}



.inner {



    position: absolute;



    width: 100%;



    z-index: 3;  



}



.moment-caption {



    color: #555; background:#fff;



    font-family: "arial";



    font-size:18px;



    line-height: 1em;



    margin: 30px auto;



    padding:20px; display:inline-block;



    width: auto; 



}



.parallax-HomePro {



    background-image:url(bg01.jpg);



    background-position: center bottom;



    background-size: 200%;



}



.parallax-HomePro  .moment-caption{ position:absolute; right:20%; top:50px;}



.parallax-HomeNews {



    background-image:url(bg02.jpg);



	background-position: center center;



    background-size: 100% 100%;



}















.mainTitle{ text-align:center; padding:0PX 0 40px 0; }



.mainTitle .en{ font-size:18px; color:#666; font-family:arial; margin-top:0px;}



.mainTitle .cn:after{ border-top: 2px solid #0a3873;



    content: ".";



    display: block;



    height: 0;



    overflow: hidden;



    width: 50px; margin:10px auto;}



.mainTitle .cn{ font-size:30px; color:#333; display:block; font-weight:bold; margin-bottom:0; }







/*hot产品列表*/



.hot-main{ width:100%; padding:50px 0; overflow:hidden;}



.hot-main .half{ width:50%; float:left;}



.hot-main .half .ltitle{ width:100%; max-width:600px; float:right; margin-bottom:4%;}



.hot-main .half .ltitle img{ max-width:256px;}



.hot-main .half .pdt-list{ width:100%; max-width:600px; float:right; overflow:hidden;}







.pdt-list{



	margin:3% auto;



	font-family:"微软雅黑";



}



.pdt-list ul{ padding:0; margin:0;}







.pdt-list ul:after {



    clear: both;



    content: '';



    display: block;



    width: 0;



    height: 0;



    visibility: hidden;



}



.pdt-list li{



	width:48%;



	float: left;



	margin-right:2%;



	margin-bottom:2%;



	background: #f5f5f5; border:1px solid #ddd; position:relative;



}







.pdt-list li:nth-child(2){



	margin-right: 0;



}







.pdt-list img{



	width: 100%;



}















.pdt-list li a .name{ width:100%; position:absolute; left:0; bottom:-100%;



	font-size:14px; text-align:center;



	color: #333; 



	line-height: 30px; height:30px; 



	margin:5% 0 0 0;



	white-space: nowrap; background:#00397c;



    overflow: hidden;color:#ddd;



    text-overflow: ellipsis;



}







.pdt-list li a:hover .name{ bottom:0; }







.hot-main .rtitle{ width:100%; background:url(bg02.png) no-repeat left top; padding:5% 46px; font-size:30px; color:#fff;}



.hot-main .rtitle p{ font-size:18px;}



.hot-main .pic{ width:100%; max-width:600px;}



.hot-main .pic img{ width:100%; }







@media screen and (max-width: 768px) {



	.hot-main .half{ width:100%; float:none;}



	.hot-main .half .ltitle{ float:none; margin:0 auto; padding:0 3%;}



	.hot-main .half .pdt-list{ float:none; margin:3% auto; padding:0 3%;}



	



	.pdt-list li{



		width: 100%;



		margin-right: 0;



position:relative;



	}



	



	.mainTitle .cn{ font-size:24px; margin-top:0;}



	.mainTitle .dn:after{ margin-top:0; width:30px;}



	.mainTitle .en{  margin-top:0;}



}



























.HomeAbout {



    margin: 0 auto;



    max-width: 1200px;



    padding: 0;



    position: relative;



    width: 100%;font-family:"微软雅黑";



}







.HomeAboutContent { height:auto; overflow:hidden; margin-top:5%;}







.Abimg{ float:left; width:600px; height:400px; overflow:hidden; }



.Abimg OBJECT{height:auto; width:auto;}







.About-text { float:right; width:50%;



    margin-top:35px; color:#555555; line-height:30px;



    text-align: left;



}



.About-text p {font-size:14px; margin: 0 0 26px;}



.About-text .more a{ margin:30px auto;}







@media screen and (max-width: 768px) { 



	.Abimg{ width:100%;}



	.About-text{ width:100%;}



	}











/* news */



.dynamic-box{ position:relative; overflow:hidden;



	background: #fff;font-family:"微软雅黑";



	padding:3% 0 3% 0; width:100%; max-width:1200px; margin:0 auto;



}



.dynamic-box .more a{ margin:30px auto;}







.dynamic-main { margin: 0 -16px 0 -32px; }



.dynamic-main li { float: left; width:25%; }



.dynamic-main li a { display: block; width: 100%; }



.dynamic-main li .img { position: relative; display: block; overflow: hidden; width: 100%;  }



.dynamic-main li .img img { width: 100%;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }



.dynamic-main li .txt { height: auto; padding-top: 5px; overflow: hidden; position: relative;}



.dynamic-main li .txt h3 { color: #515151; font-size: 14px; height: 30px; line-height: 30px; overflow: hidden;display: inline-block;vertical-align: top; margin-bottom:0;}



.dynamic-main li .txt  p{ font-size:14px; color:#666; height:30px; overflow:hidden;}



.dynamic-main li .txt i { position: absolute; right: 15px; top: 32px; z-index: 5; width: 9px; height: 16px; background: url(arrow3.png) no-repeat 0 0; }



.dynamic-main li:hover .wrapper { border-color: #e1e1e1; -moz-box-shadow: 0 0 5px 5px #f5f6f7; -ms-box-shadow: 0 0 5px 5px #f5f6f7; -o-box-shadow: 0 0 5px 5px #f5f6f7; box-shadow: 0 0 5px 5px #f5f6f7; }



.dynamic-main .wrapper { max-width: 290px; margin-left:10px; padding: 8px 8px 0; border: 1px solid #fff; }







@media screen and (max-width: 1024px) { 



.dynamic-main{ margin:0 0 0 -6px;}



    .dynamic-main .wrapper{ margin-left:6px;}



}



@media screen and (max-width: 800px) { 



.dynamic-main { margin:0 16px 0 10px;}



.dynamic-main li{ width:48%;}



}



@media screen and (max-width: 400px) { 



.dynamic-main{ margin:0 8px;}



    /*.picList li{ width:100%;}*/



    .dynamic-main .wrapper{ margin-left:0;}



	



}











/*内页*/



.innerbody{ background:#f9f9f9;}



.innerbanner{width: 100%;



    height:320px;



    position: relative;



    overflow: hidden;



    background-attachment: fixed; margin-top:110px;}



	



.innerbanner .title{width:1100px; margin:85px auto; height:150px;background:url(touzi01.png) no-repeat;  color:#fff; overflow:hidden;}



.innerbanner .title h2{font-size:30px; margin:20px 0 15px 20px; font-weight:bold;}



.innerbanner .title p{font-size:18px; margin-left:20px; font-weight:bold;}



@media screen and (max-width:1100px){



	.innerbanner{ margin-top:100px;}



	.innerbanner .title{ width:90%; padding:0 3%;}



	}	



@media screen and (max-width:768px){



	



	.innerbanner{ margin-top:60px; height:180px;}



	.innerbanner .title{  margin:35px auto; }



	.innerbanner .title h2{font-size:24px;}



	}	



@media screen and (max-width:640px){



	



	.innerbanner{ margin-top:50px; }



	.innerbanner .title{background:url(touzi02.png) no-repeat; }



	}







	



.aboutbg{ background:url(banner1.jpg) no-repeat center center;



        }



		



.newsbg{ background: #000 url(company_02.jpg)  no-repeat center center;



        background-size: 100%;}



.probg{ background: #000 url(banner1.jpg) no-repeat center center;



        background-size: 100%;}



.Contactbg{background:#000 url(ContactTopBg.jpg) no-repeat top center;background-size:100%;   width: 100%;



    height: 900px;



    position: relative;



    overflow: hidden;background-attachment: fixed;



    }



.recbg{background: #000 url(slide-12.jpg) no-repeat center center;



        background-size: 100%;}



























/* pc location */



.pc-location{ font-family: "微软雅黑"; background:#fff;



	width: 100%; height:64px; position:relative; border-bottom:1px solid #eaeaea;



}



.pc-location.pro-location{ height:128px;}











.pc-locations{



	position: fixed;



	left:0;



	top:0;



	z-index:10000;



	width: 100%;



	display:none;



}



.pc-location .location-main{



	width: 1200px;



	margin: auto;



	line-height: 64px;



	



}



.pc-location .left{



	float: right;



	color: #333;



	font-size:14px;



}



.pc-location .left img{



	margin-top: -2px;



	margin-right: 4px;



}



.pc-location .left a{



	color: #555;



	margin-left: 4px;



	margin-right: 4px;



}

.pc-location .left i{      font-style: normal;

   font-family: 宋体;

    margin: 0px 5px;}

.pc-location .left a:hover{ color:#005bac; text-decoration:underline;



}







.pc-location .right{



	float: none; height:64px;



	display: inline-block;



}



.pc-location .right li{



	float:left;



	font-size:16px;



	margin-right:2em;



	line-height:63px;



}



.pc-location .right li a{



	color: #333;



	display: block;



}



.pc-location .right li.on a{color: #005dad; font-weight: bold; 



	



}



.pc-location .right li a:hover{color: #005dad; font-weight: bold; 



}















.phnav-pop2{font-family: "微软雅黑";



	position:absolute;



    width: 100%;



    height: auto;



    right: 0;



    top: 0;



   background:url(mainbg.png) repeat;



    z-index: 9999;



    display: none;



}



.phnav-main2{



    width:100%; max-width:1200px; margin:0 auto;



    padding:3% 5%; text-align:center;



    top:0%;



    position: relative;



}



.phnav-main2 .guan {



    position: absolute;



    right: 7%;



    top: 3%;



    cursor: pointer;



    width: 1em;



}



.phnav-main2 ul li{ text-align:center; display:inline-block; padding:0 3%; float:none;



}



.phnav-main2 ul li a{



	color: #555; 



    font-size:15px; 



}



.phnav-main2 ul li a:hover{ color:#0a3873;}







@media screen and (max-width:1200px){



	.pc-location .location-main{



		width: 100%;



		padding: 0 3%;



		transition: all 0.5s;



    	-moz-transition: all 0.5s;



    	-webkit-transition: all 0.5s;



	}



}







/* ipadlocation */



.ipad-location{font-family: "微软雅黑";



	padding: 0 3%;



	overflow:hidden;background:#fff;

 position:relative; border-bottom:1px solid #eaeaea;



}







.ipad-location .name{



	float: left;



	color: #f79447;



	font-size:16px;



}







.ipad-location .btns p{ font-size:14px; margin-top:0; line-height:30px;}



.ipad-location .btns img{



	width:40px;



	cursor: pointer;



}







.ipad-location .phmenu{ text-align:center;}



.ipad-location .phmenu ul li{ display:inline-block; padding:0 2%;}



.ipad-location .phmenu ul li a{ font-size:14px; color:#555; padding-left:18px; display:block;}



.ipad-location .promenu ul li a{ padding-left:0;}



.ipad-location .phmenu ul li.on a ,.ipad-location .phmenu ul li a:hover{color: #005cac; font-weight: bold;   }



.ipad-location .promenu ul li,.ipad-location .promenu ul li a:hover{background: none;}







@media screen and (max-width:640px){



	pad-location .phmenu ul li div img{ max-width:30px;}



	}







.phnav-pop1{font-family: "微软雅黑";



	position: fixed;



    width: 100%;



    height: 100%;



    left: 0;



    top: 0;



    background: rgba(0,0,0,.3);



    z-index: 9999;



    display: none;



}



.phnav-main1{



    width: 71%;



    background: #f5f5f5;



    height: 100%;



    padding: 0 5%;



    left: -100%;



    padding-bottom: 20%;



    padding-top: 8%;



    position: relative;



}



.phnav-main1 .guan {



    position: absolute;



    right: 7%;



    top: 3%;



    cursor: pointer;



    width: 1em;



}



.phnav-main1 ul li{



    line-height: 3.375em;



    border-bottom: 1px solid #999999;



}



.phnav-main1 ul li a{



	display: block;



	padding: 0 3%;



	color: #555;



    font-size: 0.8125em;



}











/*about*/







.title-box{



	text-align: center;



}



.title-box .EN-title{



	font-size: 2.5em;



	color: #333333;



	font-family: Arial, Helvetica, sans-serif;



	line-height: 1.2em;



}



.title-box .CH-title{



	font-size: 0.875em;



	color: #666666;



	line-height: 2.143em;



}







.about-box{font-family: "微软雅黑";



	width: 100%; background:#fff;



	margin: auto; overflow:hidden;



}

.about-box .one {

    padding: 50px 0 140px;

}



.about-box .right{ width:30%;}

.about-box .one .right img{ width:100%;}



.about-box .left{

	 width:67%; float:left;

	color: #555;

	line-height:30px; 

}







.about-box  h2{font-size: 22px;
    color: #333; text-align:center; margin-bottom:25px;}



.about-mian p{ line-height:26px; margin-bottom:15px; }





.about-box .two{ width:100%; background:url(img8.jpg) repeat center; padding:50px 0; background:#f5f5f5;}

.about-box .two .top{ width:100%; text-align:center;}

.about-box .two .top .list{ width:105px; height:105px; cursor:pointer; background:#525252; border-radius:50%; margin:0 28px;}

.about-box .two .top .list .img{ width:36px; margin-top:18px;}

.about-box .two .top .list .img img{ width:100%;}

.about-box .two .top .list .cut{ width:100%; color:#fff; margin-top:5px; font-size:16px;}

.about-box .two .top .list.on{ background:#E60012;}

.about-box .two .bot{ width:72%; max-width:1000px; height:auto; _text-align:center; margin:60px auto 0;}

.about-box .two .bot { width:100%;}

.about-box .two .bot div{ width:100%; line-height:30px; text-align:center; display:none; color:#333; font-size:18px; }

.about-box .two .bot div.on{ display:block;}



.about-box .thr{ padding:50px 0 50px;}

.about-box .thr .item{ width:100%;}

.about-box .thr .item .list{ width:23.5%; border:1px solid #e2e2e2; margin-right:2%;}

.about-box .thr .item .list .top{ width:100%; border-bottom:1px solid #e2e2e2; padding:20px;}
.about-box .thr .item .list .top img{ width:100%; height:auto;}
.about-box .thr .item .list .top .fz36{ width:100%; color:#01519b;}

.about-box .thr .item .list .top .fz36 span{ color:#555; margin-left:5px;}

.about-box .thr .item .list .bot{ width:100%; padding:16px 0px; text-align:center;}

.about-box .thr .item .list .bot .fz14{ width:100%; height:30px; line-height:30px; overflow:hidden; color:#333;}

.about-box .thr .item .hb{ width:100%; text-align:center; margin-top:46px;}

.about-box .thr .item .hb span{ width:8px; height:8px; display:inline-block; opacity:1; cursor:pointer; background:#d0d0d0; font-size:0; border-radius:50%; margin:0 4px !important;}

.about-box .thr .item .hb span.swiper-pagination-bullet-active{ background:#01519b;}







@media screen and (max-width:1200px){



	.about-box{



		width: 100%;



		padding: 3% 5%;



		transition: all 0.5s;



    	-moz-transition: all 0.5s;



    	-webkit-transition: all 0.5s;



	}



	.about-mian{width: 100%;



		margin-top: 3%;



	}



	



}

@media only screen and (max-width:1024px){

	

	.about-box .thr{ padding:50px 0;}

	.about-box .thr .item .list .top{ padding:15px;}

	.about-box .thr .item .list .top .fz36{ font-size:30px;}

	.about-box .thr .item .list .bot{ padding:10px 15px;}


	.about-box .thr .item .hb{ margin-top:30px;}



	}



@media screen and (max-width:750px){

.about-box .two .top .list{ width:90px; height:90px; margin:0 10px;}

.about-box .two .top .list .cut{ font-size:12px;}

	.about-box .two .top .list .img{ width:30px; margin-top:15px;}

	

	.about-box .thr .item .list{ width:48%;}

}



@media screen and (max-width:640px){

.about-box .two .top .list{ width:70px; height:70px;}

	.about-box .two .top .list .img{ width:24px; margin-top:12px;}

	.about-box .two .top .list .cur{ font-size:12px;}

	.about-box .two .bot{ width:100%;}

	.about-box .two .bot div{ font-size:14px;}

	

	.about-box .thr .item .list{ width:100%; margin-right:0;}

}



.honor{overflow:hidden;}



.honor li{overflow:hidden; margin-bottom:10px;}



.honor li h2{position:relative; padding:0 30px; height:50px; line-height:50px; font-weight:bold; font-size:16px; background:#fff; cursor:pointer;}



.honor li h2 i{position:absolute; right:30px; top:50%; margin-top:-16px; width:32px; height:32px; background:url(about14.png) no-repeat;}



.honor li.act h2{color:#00397c;}



.honor li.act h2 i{background:url(about14_a.png) no-repeat;}



.honor li dl{overflow:hidden; margin-top:20px; display:none;}



.honor li dl dd{width:23.5%; margin-right:2%; margin-bottom:2%; float:left;}



.honor li dl dd img{ width:100%;}



.honor li dl dd p{padding:10px; height:45px; text-align:center; color:#555;}



.honor li dl dd:nth-of-type(4n){margin-right:0;}











.contact{overflow:hidden; background:#fff;}



.contact .map{float:left; overflow:hidden; width:50%; height:421px;}



.contact .cont{float:right; width:50%; padding:30px;}



.contact .cont h2{color:#e67817; height:90px; line-height:90px; border-bottom:1px dotted #999; font-weight:bold; margin-bottom:20px;}



.contact .cont p{line-height:40px; color:#555;}











@media screen and (max-width:1200px){



	.about-wrap {width: 100%;



		padding: 0 3%;



		transition: all 0.5s;



    	-moz-transition: all 0.5s;



    	-webkit-transition: all 0.5s;}



	}

	

@media screen and (max-width:750px){	

	.about-box .one .left{ width:100%;}

	.about-box .one .right{ width:100%; margin-top:20px;}

	

}



@media screen and (max-width:640px){



	.about-box .one{ padding:30px 0 50px;}

	.honor li dl dd{ width:48%;}



	.honor li dl dd:nth-of-type(2n){margin-right:0;}



	.contact .map{ width:100%;}



	.contact .cont{ width:100%;}



	}



		

/*人才招聘*/

.development{}

.development .one{ padding:50px 0 55px;}

.development .one .top{ width:100%; display:none;}

.development .one .top .fz18{ width:100%; background:#525252; color:#fff; padding:15px 30px;}

.development .one .top .last{ width:100%; height:27px; line-height:27px; padding:0 24px; margin-top:15px;}

.development .one .top .last .fz16{ background:url(../../../../images/img33.png) no-repeat left center; padding-left:34px;}

.development .one .top .last .fz14{ color:#666; margin-right:15px;}

.development .one .top .last .fz14.on{ color:#01519b;}

.development .one .bot{ width:100%; text-align:center; _margin-top:34px;}

.development .one .bot td.n1{ width:20%; text-align:left; padding:0 30px;}

.development .one .bot td.n2{ width:16%;}

.development .one .bot td.n3{ width:6%;}

.development .one .bot .th td{ height:60px; font-weight:500; background:#01519b; color:#fff;}

.development .one .bot .list td{ cursor:pointer; height:60px;}

.development .one .bot .list td .img2{ display:none;}

.development .one .bot .nts td{ font-size:0;}

.development .one .bot .nts td .it{ display:none; padding:30px; border-top:1px solid #e3e3e3;}

.development .one .bot .nts td .fz14{ line-height:22px; text-align:left; color:#666;}

.development .one .bot .nts td .fz16{ background:#01519b; color:#fff !important; border-radius:4px; padding:10px 22px; margin-top:60px;}

.development .one .bot .nts td .fz16 img{ vertical-align:middle; margin-right:5px; margin-top:-3px;}

.development .one .bot .list.in td{ background:#f1f2f3;}

.development .one .bot .list.on td .img1{ display:none;}

.development .one .bot .list.on td .img2{ display:inline-block;}

.development .two{ padding:60px 0;}

.development .two .last{ width:100%;}

.development .two .last .list{ width:32%; margin-right:2%; margin-bottom:35px;}

.development .two .last .list .img{ width:100%;}

.development .two .last .list .img img{ width:100%;}

.development .two .last .list .nts{ width:100%; border-bottom:1px solid #e5e5e5; padding:20px 0;}

.development .two .last .list .nts .fz16{ width:100%;}

.development .two .last .list .nts .fz16 a{ color:#222;}

.development .two .last .list .nts .fz14{ width:100%; color:#666;}

.development .two .last .list .nts .fz14.Zi1{ height:44px; line-height:22px; overflow:hidden; margin:10px 0 15px;}

.development .two .last .list:hover .nts .fz16 a{ color:#01519b;}

.development .two .last .list.in{ margin-right:0;}

.development .thr{ padding:35px 0 50px;}

.development .thr .last{ width:100%;}

.development .thr .last .list{ width:48%; margin-bottom:30px;}

.development .thr .last .list .img{ width:100%;}

.development .thr .last .list .img img{ width:100%;}

.development .thr .last .list .bot{ width:100%; background:#f3f3f3; padding:2.5% 5%;}

.development .thr .last .list .bot .icon{ width:9%;}

.development .thr .last .list .bot .icon img{ width:100%;}

.development .thr .last .list .bot .nts{ width:84%; margin-left:4%;}

.development .thr .last .list .bot .nts .fz18{ width:100%; color:#333;}

.development .thr .last .list .bot .nts .fz14{ width:100%; height:52px; line-height:26px; overflow:hidden; color:#555; margin-top:5px;}

.development .four{ padding:60px 0 40px;}

.development .four .last{ width:100%;}

.development .four .last .list{ width:23.5%; margin-right:2%; margin-bottom:35px;}

.development .four .last .list .img{ width:100%;}

.development .four .last .list .img img{ width:100%;}

.development .four .last .list .nts{ width:100%;}

.development .four .last .list .nts .Zi1{ width:100%; text-align:center; margin:16px 0;}

.development .four .last .list .nts .Zi1 a{ color:#333;}

.development .four .last .list .nts .desc{ width:100%;}

.development .four .last .list .nts .desc .Zi2{ width:44%; height:38px; line-height:38px; text-align:center; color:#01519b; border:1px solid #01519b;}

.development .four .last .list .nts .desc .Zi2 img{ vertical-align:middle; margin-top:-3px; margin-right:5px;}

.development .four .last .list:hover .nts .Zi1 a{ color:#01519b;}

.development .four .last .list.in{ margin-right:0;}





/*turn_page1*/

form{}

form input{ border:none; outline:none; background:none; display:inline-block; vertical-align:middle; color:#333; }

form select,

form textarea{ border:none; outline:none; background:none; display:inline-block; vertical-align:middle; -weibox-sizing:border-box; box-sizing:border-box; color:#333; }

form input:disabled,

form textarea:disabled{ color:#333; }



#turn_page{ width:100%; line-height:2.5rem; text-align:center; margin-top:2.5rem; margin-bottom:2.5rem;}

#turn_page form{ display:inline-block;}

#turn_page a{ display:inline-block; font-size:0.875rem; background:#fff; color:#666; margin:0 0.1875rem;}

#turn_page span{ display:inline-block; font-size:0.875rem; color:#666; margin:0 0.1875rem;}

#turn_page select{ width:3.75rem; height:2.5rem; text-indent:0.3125rem; background:#fff url(img13.png) no-repeat 85% center; background-size:15%; font-size:0.875rem; border:1px solid #ebebeb;}

#turn_page font{ display:inline-block; font-size:0.875rem; background:#fff; color:#666; margin:0 0.1875rem;}

#turn_page .page_btn{ width:2.5rem; height:2.5rem; background:#ebebeb; color:#666;}

#turn_page .page_button{ width:6.125rem; height:2.5rem; background:#ebebeb; border:1px solid #ebebeb;}

#turn_page .page_noclick{ width:6.125rem; height:2.5rem; background:#ebebeb; border:1px solid #ebebeb;}

#turn_page .page_item_current{ width:2.5rem; height:2.5rem; background:#01519b; color:#fff; border:1px solid #01519b;}

#turn_page .page_item{ width:2.5rem; height:2.5rem; background:#ebebeb; color:#666; border:1px solid #ebebeb;}







@media screen and (max-width:640px){

.development .one{ padding:30px 0;}

	.development .one .top .fz18{ font-size:16px; padding:10px 20px;}

	.development .one .top .last .fz16{ font-size:14px;}

	.development .one .top .last .fz14{ font-size:12px; margin-right:10px;}

	.development .one .top .last{ height:auto; padding:0 20px;}

	.development .one .bot{ margin-top:25px;}

	.development .one .bot td{ font-size:12px;}

	.development .one .bot td.n1{ width:33%; padding:0 10px;}

	.development .one .bot td.n2{ width:15%;}

	.development .one .bot td.n3{ width:7%;}

	.development .one .bot .th td{ height:46px;}

	.development .one .bot .list td{ height:46px;}

	.development .one .bot .list td .img1{ width:50%;}

	.development .one .bot .list td .img2{ width:50%;}

	.development .one .bot .nts td .it{ padding:10px;}

	.development .one .bot .nts td .fz14{ line-height:20px; font-size:12px;}

	.development .one .bot .nts td .fz16{ font-size:12px; margin-top:20px;}

	.development .one .bot .nts td .fz16 img{ width:22%;}



}



















.page{overflow:hidden; height:50px;  margin:30px auto; text-align:center;}



.page a{display:inline-block;  width:40px; height:40px; text-align:center; line-height:40px; border:2px solid #f2f2f2; background:#fff; color:#ccc; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; margin-right:5px; font-weight:bold; font-size:20px; overflow:hidden; padding:0; margin:0; float:none;}



.page a.prev, .page a.next{ color:#ccc;}



.page a.prev:hover, .page a.next:hover{background:#555;}



.page a:hover, .page a.act{background:#555; color:#fff; border-color:#555;}


.nr_cen{
    position: relative; overflow:hidden;
}
.nr_cen::before,.nr_cen::after{
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    background: #f5f5f5; z-index:0;
}
.nr_cen::after{ background:#ffffff;}

.sub-left{ width:24%; padding-right:20px; float:left;  z-index:1; position:relative;}

.sub-left .left_title{padding:40px 0px 20px;border-bottom:1px solid #e3e3e3;width:100%;}
.sub-left .left_title .p1{font-size:28px;color:#333;}
.sub-left .left_title .p2{font-size:12px;color:#999;}


.sub-left .left_tel{width:100%;background:#fff;margin:20px 0px;padding:25px 0px;}
.sub-left .left_tel .p3{font-size:14px;color:#666;margin-left:15px;}
.sub-left .left_tel .p4{font-size:32px;color:#cf070e;margin-left:15px;}


.sub-right{ width:76%;  float:right; background:#ffffff;    display: table; z-index:1; position:relative; overflow:hidden; min-height:800px;padding-left:3%;}


.product-box{

	width: 100%;font-family: "微软雅黑";

    margin-bottom:20px; overflow:hidden;

}

.product-box:after{

    clear: both;

    content: '';

    display: block;

    width: 0;

    height: 0;

    visibility: hidden;

}





.pcsec-nav{ height:auto; width:100%; }

.pcsec-nav ul{ }

.pcsec-nav .lv1-box{  height:auto;    border-bottom: 1px dashed #e3e3e3;  width:100%; }


.pcsec-nav .lv1-box .lv1{

	position: relative;

	font-size:16px;

}

.pcsec-nav .lv1-box .lv1 a{

	color: #333;

	display: block;padding:10px 10px;

}

.pcsec-nav .lv1-box .lv1 a i{ margin-right:10px;}

.pcsec-nav .lv1-box .lv1 .mores{

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	cursor: pointer;

	background: url(lv1more-bg1.png) no-repeat right 2px center;

}

.pcsec-nav .lv1-box.active .lv1 a{

color: #fff; background:#005cac;}

.pcsec-nav .lv1-box.on .lv1 a,.pcsec-nav .lv1-box .lv1 a:hover{
color: #fff; background:#005cac;}

.pcsec-nav .lv1-box.active .mores{

	background: url(lv1more-bg2.png) no-repeat right 2px center;

}





.phsec-nav{position: relative; margin:0 auto;}



.phsec-nav .current{

	font-size: 1.1em;

	line-height: 3.5em;

	padding: 0 3%;

	background: url(current-bg.png) no-repeat right 3% center;

	background-color: #005cac;

	background-size: 1.8em 0.8em;

	color: #fff;

	cursor: pointer;

}

.phsec-navpop{

	position: absolute;

	left: 0;

	top: 100%;

	width: 100%;

	background: #f5f5f5;

	z-index: 999;

	padding: 0 2%;

	padding-bottom: 2.3125em;

	display: none;

}

.phsec-navpop .lv1-box{

	border-bottom: 1px solid #eee;

}

.phsec-navpop .lv1-box .lv1{

	position: relative;

	font-size:1.1em;

	line-height: 3.083em;

	padding: 0 1%;

}

.phsec-navpop .lv1-box .lv1 a{

	color: #333;

	display: block;

}

.phsec-navpop .lv1-box .lv1 .mores{

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	cursor: pointer;

	background: url(lv1more-bg1.png) no-repeat right 2% center;

	background-size: 0.8em;

}

.phsec-navpop .lv1-box.active .lv1 a{

	color: #f08519;

}

.phsec-navpop .lv1-box.on .lv1 a{

	color: #f08519;

}

.phsec-navpop .lv1-box.active .mores{

	background: url(lv1more-bg2.png) no-repeat right 2% center;

	background-size: 0.8em;

}





.phsec-navpop .lv2-box{

	display: none;

	padding-bottom: 0.5em;

}

.phsec-navpop .lv2-box li{

	font-size: 1em;

	line-height: 2em;

}

.phsec-navpop .lv2-box li a{

	color: #333;

	display: block;

	padding-left: 5%;

}

.phsec-navpop .lv2-box li.on{

	background: #999999;

}

.phsec-navpop .lv2-box li.on a{

	color: #fff;

}









.pro-list{

	margin-top: 1.25em;

	margin-bottom: 0em;

}

.pro-list ul:after{

    clear: both;

    content: '';

    display: block;

    width: 0;

    height: 0;

    visibility: hidden;

}

.pro-list li{
	float: left;width:31%;margin-left:2%; border:1px solid #eaeaea;
margin-bottom:20px;
}
.pro-list li .pro_img{
	width: 100%;
}
.i-Pic{overflow:hidden;font-size:0;}
.i-Pic img{width:100%;min-height:100%;background:#ccc;}
.b-Pic{overflow:hidden;}
.b-Pic img{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.b-Pic:hover img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);transform:scale(1.06);}

.pro-list .names{

	font-size: 16px;

	line-height: 3.3125em;

	color: #333333;

	text-align: center;

	padding: 0 5%;

	overflow: hidden;

    text-overflow: ellipsis;border-top:1px solid #eaeaea;

    white-space: nowrap;

}



.pro-list li:hover .names{

	color: #003e9d;

}



@media screen and (max-width: 1200px){

	.product-box{

		width: 100%;

		margin-top: 2em;

		margin-bottom:2em;

		transition: all 0.5s;

    	-moz-transition: all 0.5s;

    	-webkit-transition: all 0.5s;

	}

	

	

	.pro-list .names{

		line-height: 4em;

	}

}

@media screen and (max-width: 991px){

	

	.pro-list li{
		width: 48%;
		margin-left:0%;
		margin-right:2.7%;
	}

	.pro-list li:nth-child(2n){
		margin-right: 0;
	}
	.sub-left .left_tel .p4{font-size:24px;}
}

@media screen and (min-width: 769px){

	.phsec-nav{

		display: none;

	}

}



@media screen and (max-width: 768px){

	.pcsec-nav{

		display: none;

	}
	.sub-left{ display:none;}
	.nr_cen::before,.nr_cen::after{ background:none;
}
.sub-right{ width:100%; padding-left:0;}
.inc_crumbs{ display:none;}

	.pro-right .sea-boxs{

		display: none;

	}

	.product-box .pro-left{

		width: 100%;

	}

	.product-box .pro-right{

		width: 100%;

	}

	.pro-list .names{

		line-height: 3.5em;

	}

	.product-box .pro-left .title{

		border-bottom: none;

		font-size: 1em;

		padding-bottom: 1.2em;

	}

	.pro-list{

		margin-bottom: 1em;

		margin-top: 1em;

	}

	.product-box{

		margin-bottom: 1em;

		margin-top: 1.5em;

		padding: 0 3%;

	}



}



@media screen and (max-width: 414px){

	.pro-list li{

		width: 100%;

		margin-left: 0;

		margin-bottom:5%;

	}

	

	.pro-list .names{

		line-height: 5.375em;

	}

}




/* 面包屑 */
.inc_crumbs{height:70px;width:100%;line-height:70px;width: expression(this.offsetWidth > 700 ? '700px': true); max-width: 700px;}
.inc_crumbs.special{border-bottom:1px solid #e5e5e5;}
.inc_crumbs .crumbs{line-height:70px;font-size:14px;color:#666;}
.inc_crumbs .crumbs .prev{color:#666;}
.inc_crumbs .crumbs .current{color:#008cd6;}






/* 产品  内页*/

.product_page{   width:100%; margin:0 auto; padding-bottom:50px; background:#fefefe;  height:auto; overflow:hidden;}


.product_show{ position:relative; float:left; width:50%;}

.product_icon{ position:absolute; bottom:132px; right:32px; z-index:99;}

.cont-content{ float:left; width:25%; position:relative; overflow:hidden; height:auto; background:#c6c6c6;}

.product_detail{ float:right; width:48%;}

.product_detail h1{ font-size:28px; color:#333; line-height:38px; padding:10px 0; font-weight:normal; border-bottom:1px solid #ddd; margin-top:0;}

.product_detail .cont{ width:100%; color:#555; font-size:14px; line-height:28px; margin-top:50px; border-bottom:1px dashed #eee; padding-bottom:10px;}

.product_detail .cont h2{ font-size:20px; color:#333; font-weight:600;}
.product_detail .cont div p span{ font-size:1.1em !important;color:#666 !important; }


.product_btn{ padding-top:40px; border-bottom:1px dashed #ddd; padding-bottom:10px;}

.product_btn a{ width:130px; height:48px; text-align:center; line-height:48px; font-size:16px;transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}

.product_btn a.f-left1{ float:left; border:#005bac solid 1px; color:#fff; background:#005bac;width: 190px;}


.product_other{background-color:#f9f8f7;}

.product_other_tit{ width:100%; height:62px; border-bottom:#957e70 solid 2px; }

.product_other_tit span{width:360px; height:62px; line-height:62px; background:#957e70; color:#fff; font-size:20px; text-align:center; display:block;}

.product_other_cont{ padding-top:34px; padding-bottom:60px;}

.product_other_cont li{ float:left; width:23.25%; margin-right:2%; margin-bottom:50px;}

.product_other_cont li:nth-child(4n){ margin-right:0;}

.product_other_cont li img{ width:100%;}

.product_other_cont li .product_tit_left{ padding-left:8px;}

.product_other_cont li .product_tit_right{ padding-right:8px;}

.product_other_cont li a:hover .product_tit_left{ color:#957e70; text-decoration:underline;}

.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}

.tb-pic a img{vertical-align:middle;}

.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}

.tb-thumb{margin:10px 0 0; width:100%; padding-left:0;}

.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;margin:0 2% 0 0;width:16%;}

.tb-thumb li a{ width:100%; display:block;}

.tb-thumb li img{ width:95%;padding:2.5%;}

.tb-thumb li:last-child{ margin-right:0;}

.tb-s310, .tb-s310 a{height:562px;width:573px;}

.tb-s310, .tb-s310 img{max-height:100%;max-width:100%;}

.tb-s310 a{*font-size:271px;}

.tb-s40 a{*font-size:35px;}

.tb-s40, .tb-s40 a{height:auto;width:100%;}

.tb-booth{position:relative;z-index:1; width:100%; border:1px solid #eaeaea; margin-left:2px;}

.tb-booth img{ width:100%;}

.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;border:1px solid #cee5f9;}

.tb-thumb li div{border:1px solid #CDCDCD;}

div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:600px;height:600px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}





.detail-box{ width:100%; background:#fff; height:auto; overflow:hidden; position:relative; }

.detail-box .detail-box-tit{ width: 100%;

        height: 50px;

        border-bottom: 1px solid #f2f2f2}

.detail-box .detail-box-tit h2 { text-align:center; 

        line-height: 50px;

        position: relative;

        font-size: 20px;

        color: #333; width:175px;

        cursor: pointer;  }

.detail-box .detail-box-tit h3  span{width:100%;

    height: 2px;

    background: #d0000b;

    display: block;

    position: absolute;

    left: 0%;

    bottom: 0;

    transition: width .3s, left .3s;}

	

.detail-box .detail-box-tit.on span,.detail-box .detail-box-tit:hover span {

        width: 100%;

        left: 0

    }



.detail-box .detail-box-info {height:auto; padding:50px 30px 100px 30px; font-size:14px; }
.detail-box .detail-box-info table{width:100%; max-width:800px; }

.detail-box .detail-box-info img{ width:100%; max-width:800px; height:auto;}

.detail-box .detail-box-info ul li{ list-style: disc !important;
    margin-left: 3%;}


	

@media screen and (max-width:1200px){

	.product_page{ width:100%; padding:0 0%; margin:3% 0;}

	.pro_recom{ width:100%; padding:0 3%; margin:3% 0;}

	}

@media screen and (max-width:1100px){

	/* 产品  内页*/

	.product_detail{ width:50%;}

	.product_show{ width:48%;}

	

	

}

@media screen and (max-width:1000px){

	/* 产品  内页*/

	.product_show{ width:48%;}

}

@media screen and (max-width:768px){

	

/* 产品  内页*/

	.product_show {width: 100%;}

	.product_detail { width: 100%; margin-right:0%; margin-top:30px;}
.product_detail h3{ font-size:24px;}


	.pro_recom .tit span{ font-size:1.25em;}

	

	.product_icon{ display:none;}

	/* 面包屑 */
	.inc_crumbs{height:1.4rem;line-height:1.4rem;}
	.inc_crumbs .crumbs{line-height:1.4rem;font-size:0.4rem;}

	}

@media screen and (max-width:414px){

	

	}







/*行业应用*/



.case{overflow:hidden; padding-bottom:40px;}



.case li{float:left; margin-right:3%; background:#fff; margin-bottom:20px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; width:48%;}



.case li:nth-of-type(2n){margin-right:0;}



.case li a{display:block;}



.case li .imgs{float:left; width:50%; height:auto; overflow:hidden;}



.case li .imgs img{width:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; }



.case li:hover .imgs img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}



.case li .cont{padding:0 30px; width:50%; float:left;color:#555;}



.case li .cont p{line-height:30px; font-weight:bold; height:120px; padding-top:20px; color:#555;}



.case li .cont span{width:100%; height:42px; line-height:42px; border-top:1px dotted #9a9a9a; font-weight:bold; background:url(jt_hui.png) no-repeat 65px center; display:block;}



.case li:hover{background:#e67817;}



.case li:hover .cont p{color:#fff;}



.case li:hover .cont span{border-color:#fff; color:#fff; background:url(jt_huang.png) no-repeat 70px center;}











@media screen and (max-width:1100px){



	.product-detail{ width:100%;  }



	.case{ padding:0 3%;}



	



	}



@media screen and (max-width:768px){



	.pro_tit{ text-align:center;}



	.product-detail .sidebar{ display:none;}



	.product-detail .content{ width:100%;}



	



	.case li{ width:100%; float:none;}



	.case li:after{ display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}



.wrap{ max-width:768px; margin:0 auto;}



	}



@media screen and (max-width:640px){



	.case li .imgs{ width:100%;}



	.case li .cont{ width:100%;}



	



}











/*新闻列表*/



.newsList { height: auto; overflow: hidden; padding-bottom: 30px; width:1200px; margin:0 auto; }



.newsList li { height: auto; overflow: hidden; color:#373737; margin:40px 0; border-bottom:1px dotted #cfcfcf; }



.newsImg { float: left; width: 360px;
    height:193px; overflow: hidden; display: block; }



.newsImg img { width:100%; height:100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }



.newsImg img:hover { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }



.newsDiv { margin-left:400px; padding-top: 9px; }
.newsDiv .more{ width: 105px; height: 35px; line-height:35px; font-size: 14px;color: #fff; background-color: #024282; border-radius: 5px;margin-top: 15px; display:block; text-align:center;}


.newsTit { height: auto; overflow: hidden; }



.newsTit a { color: #292929; font-size:18px; display: inline-block; height: 27px; line-height: 27px; }



.newsTit a:hover { color: #0c58b8; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; padding-left: 10px; }



.newsinfo { font-size: 14px; color:#747474;  line-height: 24px; max-height:48px; overflow: hidden; margin:10px 0 23px; }



.date { color: #585858; font-size: 12px; background: url(time.jpg) no-repeat left center; padding-left:14px; }

.newsList li:hover{ background:#f5f5f5;}









@media screen and (max-width:1200px){



	.newsList{ width:100%; padding:0 3%;}



	}



@media screen and (max-width:640px){



    .newsImg{ width:160px; height:auto;}



    .newsDiv{ margin-left:180px; padding-top:3px;}



    .date{ display:none;}



    .newsinfo{ margin:15px 0 0;}



    .newsTit a{ font-size:18px;}



    .newsList{ padding-top:10px;}



    .newsList li{ padding:20px 0;}



    .newsTitle h1{ font-size:22px;}



    .newsTitle{ padding:50px 0 30px;}







}



@media screen and (max-width:414px){



	.newsImg{ width:120px; height:auto;}



    .newsDiv{ margin-left:140px;}



    .newsinfo{ display:none;}



    .newsTit a{ height:auto; max-height:54px; font-size:16px;}



}







.news-box{



    width: 1200px;



    margin: auto;



    margin-top: 3.8125em;



    margin-bottom: 6.25em;font-family: "微软雅黑";



}



.news-main{



	margin-top: 3em;



	min-height: 200px;



}



.news-main ul:after{



    clear: both;



    content: '';



    display: block;



    width: 0;



    height: 0;



    visibility: hidden;



}



.news-main li{



	width: 30%;



	margin-right: 5%;



	margin-bottom: 4%;



	float: left;



	padding-bottom: 2.5625em;



	box-shadow: 0px 0px 10px #999;



	background: #fff;



}



.news-main li:nth-child(3n){



	margin-right: 0;



}



.news-main .imgs{



	position: relative;



	overflow: hidden;



}



.news-main .imgs img{



	width: 100%;



	transition: all 1s ease-in-out;



    -webkit-transition: all 1s ease-in-out;



    -moz-transition: all 1s ease-in-out;



}



.news-main .imgs .time{



	position: absolute;



	bottom: 5%;



	left: 5%;



	font-size: 12px;



	color: #fff;



}



.news-main .names{



	font-size:16px;



	line-height:30px;



	height:60px;



	overflow: hidden;



	color: #000000;



	margin-top:10px;



	padding: 0 5%;



}



.news-main .detail{



	font-size:14px;



	line-height:24px;



	height:48px;



	overflow: hidden;



	color: #a0a0a0;



	margin-top:10px;



	padding: 0 5%;



}



.news-main .more{



	font-size:14px;



	line-height:24px;



	color: #333333;



	margin-top:10px;



	padding: 0 5%;



}



.news-main li:hover .more{



	color: #da251d



}



.news-main li:hover img{



	 transform:scale(1.1,1.1);



	-webkit-transform:scale(1.1,1.1);



    -moz-transform:scale(1.1,1.1);



}



@media screen and (max-width: 1440px){



	.news-box{



		width: 960px;



	}



	.news-main .names{



		font-size: 1.125em;



	}



	.news-main li{



		width: 31%;



		margin-right: 3.5%;



		margin-bottom: 3.5%;



	}



} 



@media screen and (max-width: 1200px){



	.news-box {



	    width: 100%;



	    padding: 0 3%;



	    margin-top: 2em;



	    margin-bottom: 4em;



	    transition: all 0.5s;



    	-moz-transition: all 0.5s;



    	-webkit-transition: all 0.5s;



	}



	.news-main{



		margin-top: 1.5em;



	}



	.news-main li{



		padding-bottom: 2em;



		width: 31%;



		margin-right: 3.5%;



		margin-bottom: 3%;



	}



	.news-main .names{



		font-size: 1.05em;



	}



}



@media screen and (max-width: 991px){



	.news-main{



		margin-bottom: 1em;



	}



	.news-main li{



		width: 48%;



		margin-right: 4%;



		margin-bottom: 4%;



		padding-bottom: 1.5em



	}



	.news-main .names{



		font-size:14px;



	}



	.news-main li:nth-child(3n){



		margin-right: 4%;



	}



	.news-main li:nth-child(2n){



		margin-right: 0;



	}



	.news-main li:hover img{



		 transform:inherit;



		-webkit-transform:inherit;



	    -moz-transform:inherit;



	}



}







@media screen and (max-width: 414px){



	.news-box{



		margin-bottom: 3em;



	}



	.news-main li{



		width: 100%;



		margin-right: 0;



		margin-bottom: 4%;



		margin-bottom: 8%;



		padding-bottom: 1em



	}



	.news-main .imgs .time{



		font-size: 0.875em;



	}



	.news-main li:nth-child(3n){



		margin-right:0;



	}



	.news-main .names{



		margin-top: 0.75em;



		height: auto;



	}



	.news-main .more{



		margin-top: 0.75em;



	}



}







.newsdetail-box{



    width: 100%; max-width:1100px; font-family: "微软雅黑";



    margin:40px auto; background:#fff; padding:3% 3%;



}







.newsdetail-box .title-boxs{



	text-align: center;



	padding-bottom:20px;



	border-bottom: 1px solid #dcdcdc;



}



.newsdetail-box .title-boxs .title{



	font-size:24px;



	line-height:36px;



}



.newsdetail-box .title-boxs .time{



	font-size:12px;



	color: #666666;



	margin-top: 10px;



}







.news-doc{



	font-size:14px;



	color: #555555;



	line-height:24px;



	margin-top:20px;



}



.news-doc img{



	max-width: 100%;



	display: block;



	margin:1em auto;



}











.pages{



	margin-top: 1.5em;



	position: relative;



	border-top: 1px solid #dedede;



	padding-top: 0.5em;



}



.pages li{



	font-size:14px;



	line-height:30px;



	color: #333333;



}



.pages li a{



	color: #333333;



}







.pages li a:hover{



	color: #a66428;



}



.pages .back{



	font-size:12px;



	display: inline-block;



    position: absolute;



    right: 0;



    top: 15px;



    width:110px;



    height:30px;



    line-height:30px;



    text-align: center;



    color: #fff;



    background: #333333;



}



.pages .back:hover{



	background: #666;



}



@media screen and (max-width: 1440px){



	.newsdetail-box{



		width: 960px;



	}



} 



@media screen and (max-width: 1200px){



	.newsdetail-box{



	    width: 100%;



	    padding: 0 3%;



	    margin-top: 2em;



	    margin-bottom: 4em;



	    transition: all 0.5s;



    	-moz-transition: all 0.5s;



    	-webkit-transition: all 0.5s;



	}



}



@media screen and (max-width: 1200px){



	.newsdetail-box .title-boxs .title{



		font-size: 1.5em;



	}



}



@media screen and (max-width: 991px){



	.newsdetail-box{



		margin-bottom: 3em;



	}



	.pages .back{



		position: inherit;



		right: inherit;



		top: inherit;



		margin: auto;



		display: block;



		margin-top: 2em;



	}



}







@media screen and (max-width:768px){



	.newsdetail-box .title-boxs .title{



		font-size: 1.1em;



	}



	.newsdetail-box .title-boxs .time{



		margin-top: 0.5em;



		font-size: 0.75em;



	}



}



@media screen and (max-width:768px){



	.pages .back{



		width: 10em;



		font-size: 0.875em



	}



}



























/*message*/

.contact-box{overflow:hidden; height:auto; width:100%;  background:url(bglx.png) repeat-y;}
.contact-box .cont_tit{ font-size:24px; color:#333; border-bottom:1px solid #eee; line-height:60px; height:60px; margin-bottom:20px; }

.contact-box .left{float:left;  width:50%; height:auto}

.contact-box .right{float:right; width:50%; padding-left:5%;}

.contact-box .cont h2{color:#e67817; height:90px; line-height:90px; border-bottom:1px dotted #999; font-weight:bold; margin-bottom:20px;}

.contact-box .cont p{line-height:40px; color:#555;}




/*message*/

.message{ width:100%; max-width:1000px;   margin:0px auto;  padding:2%;border:1px solid #fff; background:url(bdbg.jpg) no-repeat right top; }



.message h2 { text-align:center;

    font-size: 22px;

    line-height: 22px;

    padding-bottom: 23px;

    color: #333;

    margin-bottom: 39px;

    border-bottom: 1px solid #eee;

}

.message form{ width:100%; margin:0 auto 60px; overflow:hidden;  }

.message form p{ height:auto; overflow:hidden; margin-bottom:15px; position:relative; z-index:1;}

.message form span{ line-height: 42px;font-size: 14px;color: red;position: absolute;z-index: 1;top: 0;right:0px;}

.message form span i{ color:#f00; font-size:14px; margin-right:5px; font-style:normal;}

.message form .inp{ width:95%; height:35px; line-height:35px; padding-left:5px; border:1px solid #e1e1e1;  color:#6a6a6a;}

.message form #Province{width:200px; height:35px; line-height:35px; border:1px solid #e1e1e1; border-radius:5px; color:#6a6a6a;}

.message form #City{width:200px; height:35px; line-height:35px; border:1px solid #e1e1e1; border-radius:5px; color:#6a6a6a;}

.message form textarea{ width:95%; height:200px; padding:5px; border:1px solid #e1e1e1;  color:#6a6a6a; line-height:20px;}

.message p.required::after{}

.message form #sub{     width: 147px;
    height: 34px;
    font-size: 14px; line-height:34px;background:#2c4496; border-radius:10px; color:#fff; border:0; font-size:14px;  margin-right:30px;   cursor:pointer; }

.message form #sub:hover{ background:#f00 }




@media screen and (max-width:640px){

.contact-box .left{ width:100%; }

.contact-box .right{ width:100%; }

	.message .cont_tit{ font-size:18px; line-height:50px;}



	.message form span{ width:60px; margin-right:0px;}



	.message form .inp{  width:78%; padding-left:2%;}



	.message form #sub{ width:100%; margin-right:0;}



	}